<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="../admin/authority.jsp" %>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<title>ประปา</title>
<link rel="shortcut icon" href="${pageContext.request.contextPath}/assets/images/logo.png" />
<link href="${pageContext.request.contextPath}/libraries/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<link href="${pageContext.request.contextPath}/assets/css/style.css" rel="stylesheet" />
<script src="${pageContext.request.contextPath}/libraries/modernizr/modernizr.js" type="text/javascript"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/share/jquery.min.js"></script> 
<script type="text/javascript" src="${pageContext.request.contextPath}/libraries/bootstrap/js/bootstrap.min.js"></script> 
<script type="text/javascript" src="${pageContext.request.contextPath}/libraries/dataTables/media/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/libraries/bootstrap/js/bootstrap-datetimepicker.min.js" ></script> 
<script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/share/script.js"></script> 
<script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/mm/loadMenuScript.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/news/newsScript.js"></script>

</head>
<body onload="loadMenu()">
	<div class="wrapper">
		<!-- BEGIN Top-Bar -->
		<%@ include file="../fragments/header.jsp"%>
		<!-- END Top-Bar -->

		<div id="detail-area" class="clearfix">
			<!-- BEGIN SIDEMENU -->
			<div class="hidden-xs hidden-sm page-sidebar" id="side-menu-bar">
				<ul class="page-sidebar-menu">					

					<!-- <div id="displaymenu"></div>  -->
					<%@ include file="../admin/menu.jsp" %>

				</ul>
			</div>
		<!-- End SIDEMENU--> 
		
		<div class="modal fade bs-example-modal-lg" id="Detail-new"
					tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
					aria-hidden="true">
					<div class="modal-dialog modal-lg-auto">
						<div class="modal-content">
							<div class="modal-body">
								<button type="button" class="close" data-dismiss="modal"
									aria-hidden="true">&times;</button>
								<div id="modal_content" align="center"
									style="height: 500px; overflow: auto;">
									<div class="wrapper">

										<div id="detail-area" class="clearfix">
											<div class="form-list clearfix"
												style="margin-bottom: -120px; margin-top: -30px">
												<div class="clearfix">
												<div class="row col-sm-4">
														<div id="image-news" align="left" style="padding-left: 40px;padding-top: 20px;"></div>
												</div>
												<div class="row col-sm-8">
												<br>
													<h1 style="margin: 0px;" class="text-left"><div id="topic"></div></h1>
													<br>
													<div class="col-sm-12">
														<div id="DetailNews"></div>
													</div>
												</div>
												</div>
											</div>
											<div class="form-list">
												<div class="list-detail-area">
													
												</div>
												<!-- list-detail-area-->
												<div class="text-center mt-80">
													<button id ="close-model" type="button" class="btn btn-primary"
														data-dismiss="modal">
														<i class="fa fa-times"></i> ปิดรายละเอียด
													</button>
												</div>
											</div>
											<br>
										</div>
										<!-- End Detail-area-->

									</div>
								</div>
							</div>

						</div>
					</div>
				</div>
		
		<!-- BEGIN RIGHT DETAIL-->
		<div class="col-sm-12 col-xs-12" id="right-side">
			<div id="navigator-bar"><i class="fa fa-home"></i> หน้าหลัก <i class="fa fa-angle-right ml-5 mr-5"></i> ข่าวสาร</div>
			<!--End navigator-bar-->
			<div>
				
<div class="form-detail clearfix">	
	<div class="col-md-12">
		<div class="line-header"><i class="fa fa-list"></i> ข่าวสาร</div>
			<div id="news-list">
			
		</div>
					
	</div>
	<!-- End form-detail --> 
				
			</div>
			<!-- End detail-area -->
			
			<div id="footer-detail">Copyright © สงวนลิขสิทธิ์ พ.ศ.2557 โดย การประปานครหลวง</div>
		</div>
		<!-- END RIGHT DETAIL--> 
		
	</div>
	<!-- End Detail-area--> 
	
</div>
<!-- End Wrapper --> 
</body>
</html>